<%@page import="Dao.ProductoDAO"%>
<%@page import="Dto.ProductoDTO"%>
<%@page import="Dao.CatalogoDAO"%>
<%@page import="java.util.ArrayList"%>
<%@page import="Dto.CatalogoDTO"%>
<%@page import="Dto.ClienteDTO"%>
<!doctype html>
<html><!-- InstanceBegin template="/Templates/PlantillaAdministrador.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- InstanceBeginEditable name="titulos" -->
<title>Administrador</title>
<%
            response.setHeader("Cache-Control","no-cache");
            response.setHeader("Cache-Control","no-store");
            response.setDateHeader("Expires", 0);              
%>

<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="enlaces" -->
<link href="estilos/estilosAdministrador.css" rel="stylesheet" type="text/css">
<link href="estilos/tablaProductosAdministrador.css" rel="stylesheet" type="text/css">
<link rel="icon" type="image/png" href="imgenes/light-bulb-151383_1280.png" />
<!-- InstanceEndEditable -->
</head>

<body>
    <%
            HttpSession sesion = request.getSession(false);
            ClienteDTO pdt = new ClienteDTO();
            if(sesion.getAttribute("admin") == null){
                 response.sendRedirect("error404.jsp?msg=Debe iniciar session");
            }else{
                 pdt =(ClienteDTO) sesion.getAttribute("admin");
                /* if(!pdt.getCorreo().equals("admin@admin")){
                     response.sendRedirect("error404.jsp?msg=no puede acceder aqui");
                 } */
             }    
      %>
<div class="superior"> 
  
  <div id="desplegable"> <img id="men" src="imgenes/iconoAdministrador.png" width="20px" height="20px"> <img id="menuser" src="imgenes/menu2.png">
    <div id="imagenArriba"><% out.println( pdt.getNombre()+" "+ pdt.getApellido1()); %> <img id="imagenusuario" src="imgenes/10153824_822348324496430_2151872718517624705_n.jpg"> </div>
    <div id="contenedorDesplegable">
      <div id="perfil" class="contenedor-logos"> 
  
            <div id="derecho">
              <h1> <a href="ActualizarPerfil.jsp">Perfil</a></h1>
            </div>
        <div id="izquierdo"> <img src="imgenes/perfil.png"> </div>
      </div>
    <div id="carrarsesion">
        <div id="derecho1">
          <h1> <a href="../CerrarSesion">Cerrar Sesion </a> </h1>
        </div>
        <div id="izquierdo1"> <img  src="imgenes/salida.png"> </div>
    </div>
    </div>
  </div>
  <form action="">
    <input type="search" name="nombre" placeholder="Buscar">
  </form>
  <nav id="menu">
    <ul>
      <li> <a href="inicioAdministrador.jsp" id="inicio">INICIO</a></li>
      <li><a href="administrarCatalogo.jsp" id="catalogo">CATALOGO</a></li>
      <li><a href="productosAdministrador.jsp" id="productos">PRODUCTOS</a></li>
      <li><a href="pedidosAdministrador.jsp" id="pedido">PEDIDOS</a></li>
      <li><a href="reportesAdmin.jsp" id="reporte">REPORTES</a></li>
      <li><a href="ayuda.jsp" id="ayuda">AYUDA</a></li>
    </ul>
  </nav>
  <div id="miga"> <!-- InstanceBeginEditable name="MIGA" -->
    <nav id="migaPan" >
      <ul>
        <li > <a href="inicioAdministrador.jsp">Inicio </a>
          <h1 class="separador"> > </h1>
        </li>
        <li > <a href="productosAdministrador.jsp">Pedido </a> </li>
      </ul>
    </nav>
    <!-- InstanceEndEditable --> </div>
</div>
<div class="bajo"> </div>
<!-- InstanceBeginEditable name="contenido" -->
<div class="inferior">
  <div class="ayuda"> <a  onClick="history.back()"   title="Atras"> <img  src="imgenes/atras.png" width="30px" height="30px"> </a> </div>
  <div class="ayuda1"> <a     href="#" title="Generar reporte de productos"> <img  src="imgenes/iconoReporte.png" width="45px" height="35px"> </a> </div>
  <div class="ayuda2"> <a    href="RegistroCatalogoPaso2.html" title="Agregar Producto"> <img  src="imgenes/iconoAgregar.png" width="30px" height="30px"> </a> </div>
   <!--script para confirmacion -->
        <script>
            function confirmar() {
                if (confirm('Esta seguro que desea Eliminar')) {
                    return true;
                } else {
                    return false;
                }
            }
        </script>
    <%
                ArrayList<CatalogoDTO> busqueda = new ArrayList();
                busqueda =(ArrayList<CatalogoDTO>) CatalogoDAO.consultarCatalogos();
                ArrayList<ProductoDTO> productos = new ArrayList();
                
    %>
        
  <div class="derecho2">
    <div id="tituloPedido">
      <titlte>
            LISTADO DE PRODUCTOS
      </title>
    </div>
    <table id="tabla">
      <thead>
        <tr class="barraLinea"> 
            <td></td>
            <td></td>
            <td>
                 Seleccionar Catalogo 
                <select>
                    <% 
                        String cata = null;
                    for( CatalogoDTO ca: busqueda){
                        cata = ca.getNombreCatalogo();
                    %>
                    <option><%= cata %></option>
                         
                    <% } %>
                </select>
                <%
                    productos = ProductoDAO.listarProductos();
                %>
            </td>
        </tr>  
        <tr class="titulot">
          <td class="id"> Codigo </td>
          <td class="id"> Producto </td>
          <td class="descripcion"> Descripcion </td>
          <td class="editar"> Precio </td>
          <td class="editar"> Cantidad </td>
          <td class="eliminar"> Eliminar </td>
          <td class="editar"> Editar</td>
          <td class="checkbox"> Seleccionar </td>
        </tr>
      </thead>
      <tbody>
          
      <% if(productos != null){
            for(ProductoDTO pdto: productos){
      %> 
        <tr class="filas">
          <td class="id"> <%=pdto.getIdProducto()%></td>
          <td class="id"> <%= pdto.getNombreProducto() %> </td>
          <td class="descripcion"><%= pdto.getDescripcion() %> </td>
          <td class="editar"> <%= pdto.getPrecio()%> </td>
          <td class="editar"><%= pdto.getExistencias() %> </td>
          <td class="eliminar"><a class="iconoEliminar" href="../GestionProductos?idProducto=<%= pdto.getIdProducto()%>" onclick="return confirmar();" > <img src="imgenes/eliminar.png" width="20px" height="20px"  > </a></td>
          <td class="editar"><a class="iconoEditar" href="#" > <img src="imgenes/editar.png" width="20px" height="20px" > </a></td>
          <td class="checkbox"><input type="checkbox" id="option" value="Milk"></td>
        </tr>
      <% }
      }else{ %>
        <tr class="filas">
            <td class="id"> No hay productos registrados para el catalogo seleccionado</td>
            <td> No hay productos registrados para el catalogo seleccionado</td>
            <td> No hay productos registrados para el catalogo seleccionado</td>
        </tr>            
       <% } %>  
        
      </tbody>
      <tfoot>
      </tfoot >
    </table>
    <div id="paginacion"> </div>
  </div>
  <div class="Pie"></div>
</div>
<!-- InstanceEndEditable -->
</body>
<!-- InstanceEnd --></html>
